<template>
  <div class="comfooter">
    <footer>
      <div class="inner">
        <div class="logoBox">
          <i class="iconfont icon-erji"></i>
          <span>小小小明弟音乐</span>
        </div>
        <div class="openapp">打开APP，发现更多好音乐</div>
        <p>网易公司版权所有©1997-2020 杭州乐读科技有限公司运营</p>
      </div>
    </footer>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.comfooter{
      footer {
    position: relative;
    padding-top: 53.3%;
    background: url(https://s3.music.126.net/mobile-new/img/recommand_bg_3x.png?f3a9aaa781c3bf3b543d129327d35fce=)
      no-repeat;
    background-size: contain;
    margin-top: 4px;
    .inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      text-align: center;
      .logoBox {
        padding-top: vw(100);
        color: $mainColor;
        i {
          font-size: vw(100);
          vertical-align: middle;
        }
        span {
          font-size: vw(60);
          color:$mainColor;
          vertical-align: middle;
        }
      }
      .openapp{
        border: 1px solid $mainColor;
        border-radius:38px ;
        color:$mainColor;
        text-align: center;
        line-height: 38px;
        margin: vw(15) vw(37)  vw(10);
      }
      p{
        font-size: vw(12);
        color:#888;
      }
    }
  }
}
</style>